body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
dl,
dt,
dd,
input {
  margin: 0;
  padding: 0;
  overflow-x:hidden;
}

/* 內减模式 */
* {
  box-sizing: border-box;
}

/* 去除列表默认样式 */
ul,
ol {
  list-style: none;
}

/* 去除默认的倾斜效果 */
em,
i {
  font-style: normal;
}

/* 去除a标签默认下划线，并设置默认文字颜色 */
a {
  text-decoration: none;
  color: #333;
}

/* 设置img的垂直对齐方式为居中对齐，去除img默认下间隙 */
img {
  vertical-align: middle;
}

/* 去除input默认样式 */
input {
  border: none;
  outline: none;
  color: #333;
}

/* 左浮动 */
.fl {
  float: left;
}

/* 右浮动 */
.fr {
  float: right;
}

/* 双伪元素清除法 */
.clearfix::before,
.clearfix::after {
  content: "";
  display: table;
}

.clearfix::after {
  clear: both;
}

body {


  background-color: #f2f4f7;

}

.wrapper {
  position: fixed;
  top: 0px;
  width: 100%;
  height: 60px;
  background-color: #fff;
}

.header {

  width: 1195px;
  height: 60px;
  position: fixed;
  /* margin: 8px auto; */
  /* background-color: #fff; */
  /* top: 8px; */
  /* margin-bottom: 8px; */
  left: 50%;
  transform: translate(-50%);
  /* top: 8px; */
  padding: 8px;
}

.headerleft {
  position: relative;
  width: 990px;
  /* height: 48px; */
  float: left;
  text-align: center;
  line-height: 40px;
}

.headerleftimg {

  width: 189px;
  height: 48px;
}

.img1 {
  position: absolute;
  width: 25px;
  /* height: 40px; */
  text-align: center;
  left: 0;
  top: 9px;
  /* line-height: 48px; */
}

.img2 {
  /* font-size: 20px; */
  width: 40px;

  /* text-align: center; */
  position: absolute;
  left: 130px;
  top: 10px;
  /* line-height: 20px; */
}

.headerleftimg span {
  position: absolute;
  text-align: center;
  line-height: 40px;
  font-size: 18px;
  font-weight: 900;
  left: 30px;
  top: 5px;
}

.headersearch {
  /* top: 0; */
  width: 549px;
  height: 40px;
  position: absolute;
  top: 0;
  left: 300px;
}

.headersearch input:nth-child(1) {
  font-family: Lato, -system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, Liberation Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  color: rgba(0, 0, 0, .85);
  width: 444px;
  height: 40px;
  /* text-align: center; */
  line-height: 40px;
  border: 1px solid rgba(0, 0, 0, .85);
  ;
  padding-left: 20px;
  border-radius: 2px;
}

.headersearch input:nth-child(1)::placeholder {
  /* margin-left: 10px; */
  /* position: absolute; */
  /* left: 0; */
  /* padding-left: 14px; */

}

.headersearch input:nth-child(1):hover {

  border: 1px solid blue;

}

#submit {
  width: 85px;
  height: 40.6px;
  border-radius: 2px;
  background-color: #1f71e0;
  color: #fff;
  /* padding-left: 0; */
  position: absolute;
  top: 1px;
  left: 490px;
  cursor: pointer;
}

#submit:hover {

  background-color: skyblue;
  /* opacity: .5; */
  transition: all 1s;


}

.rightone {
  position: absolute;
  top: 0px;
  right: 110px;
  width: 80px;
  height: 64px;
  font-size: 15px;
  padding: 10px;
  margin-left: 6px;
  margin-right: 4px;

  text-align: center;
  line-height: 45px;
  /* background-color: pink; */
}

.righttwo {
  position: absolute;
  top: 0px;
  right: 35px;
  width: 80px;
  height: 64px;
  font-size: 15px;
  padding: 10px;
  margin-left: 6px;
  margin-right: 4px;

  text-align: center;
  line-height: 45px;
  /* background-color: pink; */



}

.rightthree {
  position: absolute;
  top: -3px;
  right: -30px;
  width: 80px;
  height: 64px;
  font-size: 15px;
  padding: 10px;
  margin-left: 6px;
  margin-right: 4px;

  text-align: center;
  line-height: 45px;
  /* background-color: pink; */
}

.rightone:hover {

  background-color: #d9d9d9;

}

.righttwo:hover {

  background-color: #d9d9d9;

}

.middle {
  border: 1px solid #f2f4f7;
  width: 1195px;
  height: 2293.78px;
  margin: 64px auto 0;
  /* margin: 0 20px 0 20px; */

  /* background-color: pink; */
}

.middle p {
  margin-top: 45px;
  font-size: 12px;
  margin-left: 20px;

  color: #91accc;
}

.middle h2 {

  margin-top: 20px;
  margin-left: 20px;
  margin-bottom: 20px;
}

.middle span {
  font-size: 15px;
  margin-left: 20px;
  color: #91accc;
  /* margin-bottom: 20px; */
}

.middlebottom {
  margin-top: 20px;
  position: relative;


}

.middlebottom input {

  width: 100px;
  height: 30px;
  margin-left: 20px;
  margin-right: 17px;
  background-color: #1f71e0;
  color: #fff;
  border-radius: 2px;
  cursor: pointer;
  font-size: 15px;
  font-weight: 500;
}

.middlebottom .second {
  background-color: #fff;
  color: #5981e1;
  border: 1px solid #5981e1;
  font-weight: 500;
  font-size: 16px;
  text-align: center;
}

.middlesvg1 {
  width: 20px;
  height: 25px;
  position: absolute;
  left: 30px;
  top: 4px;

}

.middlesvg2 {
  width: 18px;
  height: 25px;
  position: absolute;
  left: 170px;
  top: 4px;

}

.share {
  position: absolute;
  width: 50px;
  height: 33px;
  text-align: center;
  line-height: 33px;
  left: 300px;
  top: 0px;
  font-size: 1px;
  cursor: pointer;
  color: #1f71e0;
}

.quote {
  width: 64px;
  height: 32px;
  text-align: center;
  line-height: 32px;
  position: absolute;
  top: 0px;
  left: 360px;
  font-size: 1px;
  cursor: pointer;
  color: #1f71e0;
}

.share:hover {

  background-color: #b4d5ff;
  opacity: .9;

}

.quote:hover {

  background-color: #b4d5ff;
  opacity: .9;

}

.middlebody {
  width: 785px;
  /* height: 250px; */
  background-color: #fff;
  margin-top: 20px;
  border-radius: 2px;

}

.middlebody h4 {
  /* padding: 28px 44px 30px 38px; */
  padding-top: 28px;
  padding-left: 38px;
  padding-bottom: 0;
}

.middlebody p {
  /* padding-top: 0; */
  margin: 0;
  /* padding-top: 25px; */
  padding: 25px 44px 20px 38px;
  font-size: 15px;
  color: #262625;
  /* display: -webkit-box; */
  overflow: hidden;
  line-height: 1.5;
}

.middlecontent {
  width: 785px;
  /* height: 250px; */
  background-color: #fff;
  margin-top: 20px;
  border-radius: 2px;

}

.middlecontent p {
  /* padding-top: 0; */
  margin: 0;
  /* padding-top: 25px; */
  padding: 5px 44px 20px 38px;
  font-size: 15px;
  color: #262625;
  /* display: -webkit-box; */
  overflow: hidden;
  line-height: 1.5;
  /* display: flex; */
}

/* .middlecontent p span
          {
            color: black;
            flex: 1;
          }
          .middlecontent p span span
          {
            font-weight:bold;
          } */
/* .middlecontent-one
          {
            margin-bottom: 10px;
            border-bottom: 1px solid black;
          } */

.middlecontent .middlecontent-one h2 {
  /* margin-top: 15px; */
  padding-top: 10px;
  text-align: center;
  margin: 0 0 0 21px;
  /* line-height: center; */
}

.middlecontent .middlecontent-one h4 {
  text-indent: 2em;
}

.middlecontent .middlecontent-one p {
  display: inline-block;
  text-indent: 2em;
  text-align: left;
  padding-bottom: 5px;
  /* text-justify:inter-ideograph; */
}

.middlecontent .middlecontent-one p:nth-of-type(1) {
  padding-bottom: 20px;
}

.middlecontent .middlecontent-one h4:nth-of-type(1) {
  margin-bottom: 10px;
}

.middlecontent-buttom {
  width: 300px;
  margin-left: 44px;
  padding-bottom: 20px;
  border-bottom: 1px solid black;
}
.middlecontent h5
{
  text-align: center;
}
.middlecontent .middlecontent-two p,h4
{
  text-indent: 2em;
  padding-bottom:3px;
}
.middlecontent .middlecontent-two p:nth-of-type(1)
{
  text-indent: 0;
}
.middlecontent .middlecontent-two .p-two
{
  padding-bottom: 0px;
}
.middlecontent  p
{
padding-bottom: 4px;
}
.middlecontent .replenish p
{
  text-indent: 2em;
  padding-bottom: 0px;
}
.middlecontent .middlecontent-three p
{
text-indent: 2em;
}
.middlecontent .middlecontent-three p span
{
  font-weight: bold;
color: black;
}

.middlecontent .middlecontent-six p
{
text-indent: 2em;
}
.middlecontent .middlecontent-three .p-three
{
  text-indent: 0em;
}
.middlecontent .middlecontent-six .h5-one
{
  text-indent: 2em;
text-align: left;
}